<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%@ taglib prefix="product" tagdir="/WEB-INF/tags/product"%>
<%@ taglib prefix="catalog" tagdir="/WEB-INF/tags/catalog"%>
<%@ taglib prefix="sales" tagdir="/WEB-INF/tags/sales"%>
<%@ taglib prefix="customer" tagdir="/WEB-INF/tags/customer"%>
<%@ taglib prefix="probiz" tagdir="/WEB-INF/tags/probiz"%>
<%@ taglib prefix="content" tagdir="/WEB-INF/tags/content"%>

<html>
	<head>
		<script type="text/javascript"	src="${ctxPath}/scripts/probiz/product/productDetail.js?rs=${appConfig.rs}"></script>
	</head>
	<title>${empty	product.title?product.productName:product.title}</title>
	<meta name="keywords" content="${not empty product.metaKeyword?product.metaKeyword:product.keywords}" />
	<meta name="description" content="${not empty product.metaDescription?product.metaDescription:product.productDescription.shortDescription}" />
	<body>
		
		<div class="main wrap1000">
			<div class="focus_area_02 mt10 clearfix">
				<div class="bigImg">
					<content:getAdvertisement positionCode="dtlBar">
						 	<%@ include file="../../pages/advertisement/adView.jsp"%>
					</content:getAdvertisement>
				</div>
				<!--<ul class="num">
					<li><a href="#" class="curr"><span>1</span></a></li>
					<li><a href="#"><span>2</span></a></li>
					<li><a href="#"><span>3</span></a></li>
					<li><a href="#"><span>4</span></a></li>
				</ul>-->
				<a class="pre"></a>
				<a class="next"></a>
			</div>
			
			<div class="position"><fmt:message key="position.your"/>
				<catalog:productCategoryNavigation categoryId="${category.categoryId}" isNeedLastCategoryUrl="true"/>
			</div>
			
			<div class="clearfix">
				<div class="main_left">
					
					<%@include file="include/productDetailSales.jspf"%>
					
					<div class="new_kite">
						<system:cache key="product_Simier_${product.productId}">
							<sales:recommendedProductList recommendedTypeName="similar_product" sourceKind="0" maxResults="5" sourceIds="${product.productId}" 
								returnProductListName="hotSellProductList" returnRecommendedTypeName="hotSellType">
								<%@ include file="../sales/recommendedProduct/display/indexHotSaleMouseOverEffect.jspf"%>
							</sales:recommendedProductList>			
						</system:cache>	
					</div>	
					
					<div class="new_kite">
						<system:cache key="product_Accessories_${product.productId}">
							<sales:recommendedProductList recommendedTypeName="accessories" sourceKind="0" maxResults="5" sourceIds="${product.productId}" 
								returnProductListName="hotSellProductList" returnRecommendedTypeName="hotSellType">
								<%@ include file="../sales/recommendedProduct/display/indexHotSaleMouseOverEffect.jspf"%>
							</sales:recommendedProductList>			
						</system:cache>	
					</div>	
				</div>
				
				<div class="main_right_content">
					<div class="product_detail">
						<div class="tab_01">
							<ul class="content clearfix" id="detailTabUL">
								<li id="1"><a class="curr" href="javascript:void(0)"><fmt:message key="productDetail.tab.description"/></a></li>
								<li id="2"><a href="javascript:void(0)"><fmt:message key="productDetail.tab.detailAttr"/></a></li>
								<li id="3"><a href="javascript:void(0)"><fmt:message key="productDetail.tab.imageShow"/></a></li>
								<li id="4"><a href="javascript:void(0)"><fmt:message key="productDetail.tab.attachment"/></a></li>
							</ul>
						</div>
						<div class="pdetail">
							<div class="tabContent" id="detailTab1">
								<%@include file="include/productDetailDescription.jspf"%>
							</div>
							<div class="tabContent" id="detailTab2" style="display: none;">
								<%@include file="include/productDetailAttr.jspf"%>
							</div>
							<div class="tabContent" id="detailTab3" style="display: none;">
								<%@include file="include/productDetailImageArea.jspf"%>
							</div>
							<div class="tabContent" id="detailTab4" style="display: none;">
								<%@include file="include/productDetailAttachment.jspf"%>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			//start:tab效果
			$j('#detailTabUL li').each(function(i,o){
				$j(o).bind("click",function(){
					$j('#detailTabUL li').each(function(i,o){
						$j(this).find('a').removeClass("curr");
						$j('#detailTab'+this.id).hide();
					});
					$j(this).find('a').addClass("curr");
					$j('#detailTab'+this.id).show();
				});
			});
			//end:tab效果
		</script>
	</body>
</html>
